<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>金融风险监测预警平台v1.5</title>
    <link rel="shortcut icon" href="favicon.ico">
    <link href="css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
    <link href="css/font-awesome.css?v=4.4.0" rel="stylesheet">
    <link href="css/animate.css" rel="stylesheet">
    <link href="css/style.css?v=4.1.0" rel="stylesheet">
</head>
<body class="gray-bg">
<div class="wrapper wrapper-content  animated fadeIn">
    <div class="row">
        <div class="col-md-5ths">
            <div class="widget style1 red-bg">
                <div class="row">
                    <div class="col-xs-4">
                        <i class="fa fa-flash fa-4x"></i>
                    </div>
                    <div class="col-xs-8 text-right">
                        <span> 特大风险 </span>
                        <h2 class="font-bold">5</h2>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-5ths">
            <div class="widget style1 yellow-bg">
                <div class="row">
                    <div class="col-xs-4">
                        <i class="fa fa-warning fa-4x"></i>
                    </div>
                    <div class="col-xs-8 text-right">
                        <span> 重大风险 </span>
                        <h2 class="font-bold">10</h2>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-5ths">
            <div class="widget style1 blue-bg">
                <div class="row">
                    <div class="col-xs-4">
                        <i class="fa fa-bell fa-4x"></i>
                    </div>
                    <div class="col-xs-8 text-right">
                        <span> 较大风险 </span>
                        <h2 class="font-bold">50</h2>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-5ths">
            <div class="widget style1 lazur-bg">
                <div class="row">
                    <div class="col-xs-4">
                        <i class="fa fa-shield fa-4x"></i>
                    </div>
                    <div class="col-xs-8 text-right">
                        <span> 一般风险 </span>
                        <h2 class="font-bold">100</h2>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-5ths">
            <div class="widget style1 navy-bg">
                <div class="row">
                    <div class="col-xs-4">
                        <i class="fa fa-thumbs-up fa-4x"></i>
                    </div>
                    <div class="col-xs-8 text-right">
                        <span> 暂无风险 </span>
                        <h2 class="font-bold">20000</h2>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-md-12">
            <div class="ibox float-e-margins">
                <div class="ibox-title">
                    <h5>风险趋势</h5>
                    <div class="ibox-tools">
                        <a class="collapse-link">
                            <i class="fa fa-chevron-up"></i>
                        </a>
                    </div>
                </div>
                <div class="ibox-content">
                    <div class="echarts" id="echarts-line-chart"></div>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-md-8">
            <div class="row">
                <div class="col-md-12">
                    <div class="ibox float-e-margins">
                        <div class="ibox-title">
                            <h5>风险预警处置量</h5>
                            <div class="ibox-tools">
                                <a class="collapse-link">
                                    <i class="fa fa-chevron-up"></i>
                                </a>
                            </div>
                        </div>
                        <div class="ibox-content">
                            <div class="echarts" id="echarts-bar-chart"></div>
                        </div>
                    </div>
                </div>
                <div class="col-md-12">
                    <div class="ibox float-e-margins">
                        <div class="ibox-title">
                            <h5>舆情热度榜</h5>
                            <div class="ibox-tools">
                                <a class="J_menuItem collapse-link" href="search_results.html">
                                    更多..
                                </a>
                                <a class="collapse-link">
                                    <i class="fa fa-chevron-up"></i>
                                </a>
                            </div>
                        </div>
                        <div class="ibox-content no-padding">
                            <ul class="list-group">
                                <li class="list-group-item">
                                    <span class="badge badge-danger">相似文章：1600条</span><b>1. </b>300亿流水银行卡”事件发酵 银行回应引争议 2017-07-14
                                </li>
                                <li class="list-group-item">
                                    <span class="badge badge-warning">相似文章：520条</span><b>2. </b>常德纺机通过湖南省科技重大专项综合验收 2016-11-18
                                </li>
                                <li class="list-group-item ">
                                    <span class="badge badge-success">相似文章：360条</span><b>3. </b>舆论关注霍英东之子涉20亿基金黑幕 2016-06-23
                                </li>
                                <li class="list-group-item">
                                    <span class="badge badge-info">相似文章：100条</span><b>4. </b>春节过后A股市场不确定性引舆论期待 2016-02-15
                                </li>
                                <li class="list-group-item">
                                    <span class="badge badge-primary">相似文章：99条</span><b>5. </b>舆论猜测国内银行、券商高管离职潮缘由 2015-11-09
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-4">
            <div class="ibox float-e-margins">
                <div class="ibox-title">
                    <h5>智眼指数Top10</h5>
                    <div class="ibox-tools">
                        <a class="J_menuItem collapse-link" href="zhiyan_index.html">
                            更多..
                        </a>
                        <a class="collapse-link">
                            <i class="fa fa-chevron-up"></i>
                        </a>
                    </div>
                </div>
                <div class="ibox-content no-padding">
                    <ul class="list-group">
                        <li class="list-group-item">
                            <div>
                                <span><b>1. </b>湖南省长沙市XXXXX有限责任公司</span>
                                <small class="pull-right">85分</small>
                            </div>
                            <div class="progress progress-small">
                                <div style="width: 85%;" class="progress-bar progress-bar-danger"></div>
                            </div>
                        </li>
                        <li class="list-group-item">
                            <div>
                                <span><b>2. </b>湖南省长沙市XXXXX有限责任公司</span>
                                <small class="pull-right">79分</small>
                            </div>
                            <div class="progress progress-small">
                                <div style="width: 79%;" class="progress-bar progress-bar-warning"></div>
                            </div>
                        </li>
                        <li class="list-group-item">
                            <div>
                                <span><b>3. </b>湖南省长沙市XXXXX有限责任公司</span>
                                <small class="pull-right">75分</small>
                            </div>
                            <div class="progress progress-small">
                                <div style="width: 75%;" class="progress-bar progress-bar-warning"></div>
                            </div>
                        </li>
                        <li class="list-group-item">
                            <div>
                                <span><b>4. </b>湖南省长沙市XXXXX有限责任公司</span>
                                <small class="pull-right">72分</small>
                            </div>
                            <div class="progress progress-small">
                                <div style="width: 72%;" class="progress-bar progress-bar-warning"></div>
                            </div>
                        </li>
                        <li class="list-group-item">
                            <div>
                                <span><b>5. </b>湖南省长沙市XXXXX有限责任公司</span>
                                <small class="pull-right">65分</small>
                            </div>
                            <div class="progress progress-small">
                                <div style="width: 65%;" class="progress-bar progress-bar-warning"></div>
                            </div>
                        </li>
                        <li class="list-group-item">
                            <div>
                                <span><b>6. </b>湖南省长沙市XXXXX有限责任公司</span>
                                <small class="pull-right">58分</small>
                            </div>
                            <div class="progress progress-small">
                                <div style="width: 58%;" class="progress-bar progress-bar-success"></div>
                            </div>
                        </li>
                        <li class="list-group-item">
                            <div>
                                <span><b>7. </b>湖南省长沙市XXXXX有限责任公司</span>
                                <small class="pull-right">55分</small>
                            </div>
                            <div class="progress progress-small">
                                <div style="width: 55%;" class="progress-bar progress-bar-success"></div>
                            </div>
                        </li>
                        <li class="list-group-item">
                            <div>
                                <span><b>8. </b>湖南省长沙市XXXXX有限责任公司</span>
                                <small class="pull-right">45分</small>
                            </div>
                            <div class="progress progress-small">
                                <div style="width: 45%;" class="progress-bar progress-bar-success"></div>
                            </div>
                        </li>
                        <li class="list-group-item">
                            <div>
                                <span><b>9. </b>湖南省长沙市XXXXX有限责任公司</span>
                                <small class="pull-right">35分</small>
                            </div>
                            <div class="progress progress-small">
                                <div style="width: 35%;" class="progress-bar progress-bar-info"></div>
                            </div>
                        </li>
                        <li class="list-group-item">
                            <div>
                                <span><b>10. </b>湖南省长沙市XXXXX有限责任公司</span>
                                <small class="pull-right">25分</small>
                            </div>
                            <div class="progress progress-small">
                                <div style="width: 25%;" class="progress-bar progress-bar-info"></div>
                            </div>
                        </li>
                    </ul>

                </div>
            </div>
        </div>
    </div>
</div>
<!-- 全局js -->
<script src="js/jquery.min.js?v=2.1.4"></script>
<script src="js/bootstrap.min.js?v=3.3.6"></script>
<script src="js/plugins/layui/layui.all.js"></script>
<script type="text/javascript" src="js/content.js"></script>
<!-- ECharts -->
<script src="js/plugins/echarts/echarts-all.js"></script>

<!-- ECharts demo data -->
<script src="js/demo/echarts-risk-demo.js"></script>
</body>
</html>
